<%-- 
    Document   : leaveapplication
    Created on : Apr 9, 2012, 4:45:11 PM
    Author     : Serge
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>leave application</title>
    </head>
    <body>
        <h1>Leave Application</h1>
        <form method="POST" action="leaveapplication">
            <table>
                <tr>
                <table>
                    <tr>
                        <td>Annal Leave: <input type="text" name="txtAnnualLeave" id="txtAnnualLeave" value="" /></td>
                        <td>Sick Leave: <input type="text" name="txtSickLeave" id="txtSickLeave" value="" /></td>
                        <td>Family Leave: <input type="text" name="txtFamilyLeave" id="txtFamilyLeave" value="" /></td>
                    </tr>
                </table>
                </tr>
                <tr>
                <table>
                    <tr>
                        <td>Leave Type:  <select id="cbxLeaveType" value=""/> </select></td>
                    </tr>
                    <tr>
                        <td>From:</td>
                        <td>
                            <input name='txtDateStart' id='txtDateStart'  value = "" maxlength=10 size=10 style="text-align:center;" class='inputBoxStyle' readonly />&nbsp; 
                            <img src='images/calendar.jpg' align='absmiddle' onmouseover="fnInitCalendar(this, 'txtDateStart','close=true')" /><!-- border=0 alt="Calendar" title="Select from a calendar" width="20px" height=20px -->
                        </td>
                        <td>To:</td>
                        <td>
                            <input name='txtDateEnd' id='txtDateEnd' maxlength=10 size=10 style="text-align:center;" class='inputBoxStyle' readonly />
                            <img src='images/calendar.jpg' align='absmiddle' onmouseover="fnInitCalendar(this, 'txtDateEnd','close=true')">
                        </td>
                    </tr>
                    <tr>
                        <td>Duration: <input type="text" name="txtFrom" id="txtFrom" value="" /></td>
                    </tr>
                </table>
                </tr>
                <tr>
                <table>
                    <tr>
                        <td>Comments: <br />
                            <input type="text" name="txtFrom" id="txtFrom" value="" height="12" width="20"/>
                        </td>
                    </tr>
                </table>
                </tr>
                <table>
                    <tr>
                        <td><input type="button" name="btnAttachment" value="Attachment"/></td>
                        <td><input type="Submit" name="btnSubmit" value="Submit"/></td>
                        <td><input type="button" name="btnCancel" value="Cancel"/></td>
                    </tr>
                </table>
                <tr>

                </tr>
            </table> 
        </form>
    </body>
</html>
